<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta name = "format-detection" content="telephone = no" />
    <meta charset="UTF-8">
    <title>经验详情</title>
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/swiper_change.css"/>
    <link rel="stylesheet" href="css/index2.css"/>
	<link rel="stylesheet" href="css/highexp.css"/>
    <link rel="stylesheet" href="weixin/css/bannerQr.css"/>
    <style>
		#showpage{
			max-width:1000px;
			min-width:320px;
			margin:0 auto;
            width:100%;
            position:absolute;
            top:189px;
            background:#fff
		}
        #approvalbtn{
            background:#eaf4f8 url("img/redheart01.png") no-repeat right;
            background-size: 13px;
            background-position: 5px 8px;
            padding-left: 23px;
        }
        #disapprovalbtn{
            background:#eaf4f8 url("img/breakheart01.png") no-repeat right;
            background-size: 15px;
            background-position: 5px 7px;
            padding-left: 23px;
        }
        .Button.WriteAnswer{
            padding-left: 10px;
            background: #eaf4f8;
        }
        /**/
        .QuestionTopics.has_topics .TopicNameLink{
            margin-right: 10px;
            margin-bottom: 5px;
        }
        .qimgs{
            overflow: hidden;
        }
        .imgbox{
            /*width:30%;*/
            width:100%;
            margin-top:3%;
            /*float: left;*/
            margin-right:3%;
        }
        .imgbox>img{
            width:100%;
            height: 100%;
        }

        /*修改输入框转发部分*/
        .callback{
            position:fixed;
            top:0;
            left:0;
            right:0;
            bottom:0;
            width:100%;
            height:100%;
            padding-top:0;
            box-sizing: border-box;
            z-index: 400;
            background:#ececec;
        }
        .callback>div{
            background:#fff;
            padding-bottom:10px;
        }
        .callback>div.Header{
            padding-bottom:0;
        }
        .callback>div>div{
            padding:10px;
        }
        .callback>div>div:not(#facelist2){
            overflow: hidden;
        }
        #facelist2{
            padding:0;
        }
        .callback>div>div.fixed_header{
            padding:0;
        }
        .callback>div>div>input{
            width:100%;
            box-sizing: border-box;
            border:1px solid #fff;
            padding:4px;
            border-bottom:1px solid #ececec;
        }
        #sharetitleword>div{
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
            background:#ECECEC;
            padding:10px;
        }
        #moneynote{
            width:100%;
            position:fixed;
            top:-100px;
            z-index: 1000;
            height:100px;
            line-height: 80px;
            background: rgba(35,45,57,0.8);
            color:#fff;
            font-size: 12px;
            text-align: center;
            box-sizing: border-box;
            padding:10px;
        }
        /*收藏转发成功提示框部分*/
        #collectword{
            background:rgba(0,0,0,0.75);
        }
        /*评论间距*/
        .AnswerPagedList .Answer.on_question_page{
            padding-bottom:10px;
        }
        /*发布者信息*/
        .senderinfo{
            overflow:hidden;
            margin-top:5px;
        }
        .senderinfo div{
            position:relative;
        }
        .senderinfo .lf img{
            height:16px;
            width:16px;
        }
        .senderinfo .lf span{
            position: absolute;
            top:1px;
            left:17px;
            color:#F4C600;
        }
        .senderinfo .rt span{
            color: #999;
            font-size: 12px;
        }
        .senderinfo .rt span a{
            color: #999;
            font-size: 12px;
        }
        /*关键词样式*/
        .QuestionTopics.has_topics{
            /*height:20px;*/
            padding-top:5px;
        }
        .QuestionPreview {
            padding-top:0px;
        }
        .QuestionTopics.has_topics span{
            /*padding:5px;*/
            /*border:1px solid #ddd;*/
            /*border-radius:5px;*/
            /*background:#ddd;*/

            font-size: 12px;
            color: #808393;
            padding: 3px 8px;
            background: #f4f4fa;
            font-weight: 500;
            word-break: break-all;
            -webkit-tap-highlight-color: rgba(255,255,255,0.6);
            border-radius: 12px;
            margin-right:8px;
            margin-top:5px;
            float:left;
        }
        /*添加评论回复功能*/
        .rendered_qtext .qtext_para{
            margin-bottom:0;
        }
        .ActionBar .action_bar_inner .action_item a {
            color: #2b6dad;
            -webkit-tap-highlight-color: rgba(255,255,255,0.6);
            display: block;
            padding: 6px;
            font-weight: bold;
            /*background: #eaf4f8;*/
            border-radius: 3px;
        }
        /*标签去下线*/
        .QuestionTopics.has_topics{
            overflow:hidden;
        }
        /*评论背景色*/
        .othersanswer .commentbtn{
            background: #eaf4f8;
            box-sizing: border-box;
        }
        .action_menu_container.sharepaymob{
            background:rgba(53,53,53,0.5);
        }
        /*相关经验金钱*/
        .tc_inner span.rt{
            background:url("img/money04.png") no-repeat left;
            background-size: 16px;
            color:#F4C600;
            font-size: 12px;
            padding-top:3px;
        }
        /*分享等待*/
        #sharewaiting{
            position:fixed;
            z-index: 2000;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background: rgba(0,0,0,0.75);
        }
        #sharewaiting>div{
            width:80px;
            height:80px;
            background: rgba(53,53,53,0.5);
            margin:45% auto;
            line-height: 80px;
            text-align: center;
        }
        #sharewaiting>div>img{
            width:44px;
            height:44px;
            -webkit-animation:circle 1s infinite linear;
        }
        @-webkit-keyframes circle{
            0%{ transform:rotate(0deg); }
            100%{ transform:rotate(-360deg); }
        }
        .locationplace{
            position:relative;
        }
        .locationplace span{
            color: #999;
            padding-left: 15px;
            font-size: 12px;
        }
        .locationplace img{
            height: 12px;
            position: absolute;
            bottom: 2px;
            left: 0;
        }
        .allgetmoney{
            color:#999999;
            font-size: 12px;
            margin-top:5px;
        }
        /*改写评论输入区域*/
        .RequestAnswersDrawer .inner{
            background:#f3f3f3;
        }
        #shareexppage form>div.seinputbox{
            background:#fff;
            padding-top:10px;
            padding-bottom:18px;
        }
        #shareexppage form{
            padding-top:0;
        }
        .seinputbox>div>#facebtn{
            /*width:33px;*/
            /*height:33px;*/
            width:28px;
            height:28px;
            background: url("img/sz.png") no-repeat;
            background-size: 28px;
        }
        #facebtn2{
            width: 28px;
            height: 28px;
            padding:0;
            margin-bottom:15px;
            margin-left: 4%;
            background: url(img/sz.png) no-repeat;
            background-size: 28px;
        }
        #shareexppage form button{
            margin-right:0;
            margin-left:20px;
            color:#fff;
            background:#04BE02;
            border:1px solid #00BA00;
        }
        /*表情*/
        ul,li{
            list-style: none;
        }
        #faceulplace,#faceulplace2{
            padding:5px;
            overflow: hidden;
        }
        #faceulplace li{
            float: left;
            width: 30px;
            height: 30px;
            padding: 3px;
        }
        #faceulplace2 li{
            float: left;
            width: 30px;
            height: 30px;
            padding: 3px;
        }
        #shareexppage form>div#facelist{
            padding-top:0;
            padding-bottom:0;
            border-bottom: 1px solid #DEDEE1;
        }
        .getcontent img{
            width: 28px;
            height: 28px;
            margin-top: -3px;
        }
        .qtext_para>img{
            width: 28px;
            height: 28px;
            margin-top: -3px;
        }
        #facelist{
            position:relative;
        }
        #facelist2{
            position:relative;
            background:#E7E7E8;
        }
        #facearr{
            position: absolute;
            top: -18px;
            left: 20px;
            border: 9px solid transparent;
            border-bottom-color: #E7E7E8;
        }
/*  */
		#shareexppage form>div#facelist{
			padding-left:0;
			padding-right:0;
		}
		#arrdiv {
			position: absolute;
			top: -17px;
			left: 26px;
			border: 9px solid transparent;
			border-bottom-color: #f3f3f3;
		}
        #shareword{
            max-width: 1000px;
            min-width: 320px;
            margin:0 auto;
        }
        #arrdiv,#arrdiv2{
            position: absolute;
            top: -16px;
            left: 23px;
            border: 9px solid transparent;
            border-bottom-color: #f6f6f6;
        }
        #arrdiv{
            top: -17px;
            left: 26px;
        }
        input#searchinput{
            background: transparent;
        }
        .mweb_lookup_bar_input_wrapper.mweb_lookup_bar_input_wrapper_fake{
            right:43px;
        }
        #chat1{
            float: right;
            width:39px;
            height:44px;
            background: url("img/chatlogo.png")no-repeat center;
            background-size:20px ;
            cursor: pointer;
        }
        #changeexp,#collectit,#sharebtn,.mweb_action_button.cancel1{
            cursor: pointer;
        }
        #goodbtn,#findhelp{
            cursor: pointer;
        }
        .qtext_para.qimgs.answerimgs>.imgbox>img{
            cursor: pointer;
        }
        .primary_item>a.Upvote.Button{
            cursor: pointer;
        }
        .action_item>a.commentbtn{
            cursor: pointer;
        }
        #detailstar{
            float: left;
            width: 86px;
            height: 16px;
            background: url(img/detail-star0.png) no-repeat;
            background-size: 100% 100%;
            display: inline-block;
            vertical-align: middle;
            margin:6px 10px 6px 0;
        }
        #detailstar i{
            width:87%;
            background: url(img/detail-star.png) no-repeat;
            display: inline-block;
            height: 16px;
            overflow: hidden;
            background-size: auto 100%;
        }
        /*评星*/
        .findhelp{
            background: #fff;
        }
        #evaluate{
            width:100%;
            max-width: 1000px;
            min-width: 320px;
            position: absolute;
            top:0;
            bottom:0;
            z-index: 9999;
            background: #fff;
        }
        #evaluate>.header{
            height:44px;
            overflow: hidden;
            text-align: center;
            line-height: 44px;
            color:#161616;
            font-size:20px;
            position: relative;
            border-bottom: 1px solid #F6F6F6;
            box-sizing: border-box;
        }
        #closeevaluate{
            position: absolute;
            left: 0;
            top: 0;
            height:44px;
            width:44px;
            background: url(img/delete02.png)no-repeat center;
            background-size: 16px;
        }
        #choicestar{
            width:187px;
            height:32px;
            margin:0 auto;
            background: url(img/nonestar.png)no-repeat;
            background-size: 187px 32px;
            margin-top:23px;
            position: relative;
        }
        #choicestar>i{
            display: inline-block;
            width:50%;
            height:32px;
            background: url(img/fivestar.png)no-repeat;
            background-size: auto 32px;
        }
        #choicestar>div{
            position: absolute;
            top:0;
            width:20%;
            height:32px;
            z-index: 1000;
            cursor: pointer;
        }
        #choicestar>.is20{
            left:0;
        }
        #choicestar>.is40{
            left:20%;
        }
        #choicestar>.is60{
            left:40%;
        }
        #choicestar>.is80{
            left:60%;
        }
        #choicestar>.is100{
            left:80%;
        }
        #evaluate>.starword>p{
            font-size:13px;
            color:#F6BA94;
            margin-top:20px;
            text-align: center;
        }
        #evaluate>.choiceword{
            margin:25px auto 0;
            padding:0 30px;
            overflow: hidden;
            text-align:justify;
        }
        #evaluate>.choiceword>div{
            display: inline-block;
            width:45%;
            height:35px;
            line-height: 35px;
            text-align: center;
            font-size: 13px;
            border: 1px solid #ececec;
            border-radius: 3px;
            color:#A3A3A3;
            margin-bottom:17px;
            box-sizing: border-box;
            cursor: pointer;
        }
        #evaluate>.choiceword:after{
            content:"";
            display:inline-block;
            position:relative;
            width:100%;
        }
        #evaluate>.choiceword>div.chicked{
            color:#FDB89A;
            box-shadow: inset 0 0 3px #F6F2E7;
        }
        #evaluate>.myword{
            padding:0 30px;
            margin-top: -22px;
        }
        #evaluate>.myword>div{
            width:100%;
        }
        textarea#commentinput{
            width:100%;
            resize: none;
            border:1px solid #E8EAE9;
            background: #F2F4F3 ;
            font-size: 14px;
            padding:16px;
            color:#C4C6C5;
            margin-right:30px;
            box-sizing: border-box;
            -webkit-appearance: none;
        }
        #sendcom{
            margin:18px 12px 0;
            border:1px solid #3B3E45;
            background:#494D59 ;
            color:#FFF;
            font-size:18px;
            line-height:57px ;
            text-align: center;
            height: 57px;
            box-sizing: border-box;
            cursor: pointer;
        }
    </style>
    <style>
        /*重写回答列表*/
        .othersanswer{
            margin-left:15px;
            border-bottom:1px solid #ededed;
        }
        .AnswerPagedList{
            padding: 10px 15px 10px 0;
        }
        .AnswerPagedList .Answer.on_question_page{
            border:none;
            padding:0;
            display: -webkit-box;
        }
        .othersanswer .user-pic{
            margin-right: 10px;
            width: 56px;
            padding-right: 0;
        }
        .othersanswer .user-pic a img{
            width: 50px;
            height: 50px;
            border-radius: 25px;
        }
        .othersanswer .Answer.on_question_page .comment{
            -webkit-box-flex: 1;
            display: block;
        }
        .othersanswer .Answer.on_question_page .comment .username{
            overflow: hidden;
            margin-bottom: 4px;
        }
        .othersanswer .Answer.on_question_page .comment .username span.rt{
            font-size: 12px;
            color:#979797;
        }
        .othersanswer .star0{
            display: inline-block;
            position: relative;
            width: 66px;
            height: 12px;
            background:url(img/detail-star0.png) no-repeat;
            background-size: 100% 100%;
        }
        .othersanswer .star0 i{
            display: inline-block;
            position: absolute;
            left:0;
            top:0;
            width: 80%;
            height: 12px;
            background:url(img/detail-star.png) no-repeat;
            background-size: 66px 12px;
        }
        .othersanswer .comment-entry{
            margin-top:8px;
            font-size: 14px;
            color: #323232;
        }
        .othersanswer .comment-btnplace{
            margin-top: 9px;
            height: 21px;
            margin-bottom: 11px;
        }
        /*---------------------------*/
        .othersanswer .comment-btnplace a{
            position: relative;
            display: inline-block;
            color:#8A8A8A;
            background:#fff url("img/secondword2.png")no-repeat 2px 6px;
            background-size: 17px;
            padding:4px 4px 4px 24px;
            height:28px;
            width:65px;
            box-sizing: border-box;
        }
        .othersanswer .comment .secondchat{
            display: -webkit-box;
            padding-top:13px;
            border-top:1px solid #EDEDED;
        }
        .othersanswer .secondlogo{
            width:16px;
            margin-right:6px;
            background: url(img/secondword.png)no-repeat 1px 3px;
            background-size: 13px auto;
        }
        .othersanswer .secondwordplace{
            -webkit-box-flex: 1;
            display: block;
        }
        .othersanswer .secondwordplace .username{
            color:#2E567B;
        }
        .secondwordplace .secondword{
            color:#3D3D3D;
            font-size: 13px;
            line-height:20px;
        }
        .comment .comment-entry img{
            width:28px;
            height:28px;
        }
        .secondword .userword.commentbtn{
            background: #fff;
        }
        #addmoreanswerbtn{
            background:#ECECEC;
            text-align: center;
            height:28px;
            line-height:33px;
            color:#999;
        }
        .userword.commentbtn>img{
            width: 15px;
            height: 15px;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" id="shareexppage">
<div class="PageWrapper mweb" id="page_wrapper">
    <!-- 头部导航条-->
    <div class="Header" id="header">
        <div class="fixed_header">
            <div class="header_main mweb_lookup_bar_has_input">
                <a class="logo symbol_logo"  id="logo"></a>
                <div class="header_action_buttons mweb_lookup_bar_has_input">
                    <div class="mweb_lookup_bar_input_wrapper mweb_lookup_bar_input_wrapper_fake" id="headersearchdiv">
                        <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                            <div id="gotosearch"></div>
                            <input id="searchinput" type="text" placeholder="走的人多了也就成了路.." style="width:100%" disabled/>
                        </div>
                    </div>
                </div>
                <a class="logo symbol_logo"  id="chat1"></a>
            </div>
            <ul class="header_nav">
                <li class="HeaderNavItem HomeNavItem">
                    <a id="read1">
                        <div class="label">阅读</div>
                    </a>
                </li>
                <li class="HeaderNavItem OpenQsNavItem is_active">
                    <a id="answer1">
                        <div class="label">分享经验</div>
                    </a>
                </li>
                <li class="NotifsNavItem HeaderNavItem">
                    <a id="question1">
                        <div class="label">提问</div>
                    </a>
                </li>
                <li class="ProfileNavItem HeaderNavItem">
                    <a id="set1">
                        <p id="newnotenotice" style="display:none"></p>
                        <div class="label">我</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--二维码 -->
    <div id="qrcode">
        <div class="swiper-container" id="swiper-container">
            <div class="swiper-wrapper">
                <!-- 转发者-->
                <div class="swiper-slide"  id="nav2">
                    <div class="lf">
                        <div class="userimg">
                            <img id="fromuserimg" src="img/af8.png" alt=""/>
                        </div>
                        <div id="fromusername"></div>
                    </div>
                    <div class="relalist">

                    </div>
                </div>
                <!--好友 -->
                <div class="swiper-slide" id="nav3">
                    <div class="lf">
                        <div class="userimg">
                            <img id="friuserimg" src="img/af8.png" alt=""/>
                        </div>
                        <div id="friusername"></div>
                    </div>
                    <div class="relalist">

                    </div>
                </div>
                <!-- -->
                <div class="swiper-slide" id="nav1">
                    <div class="lf">
                        <div class="qrdiv">
                            <div class="userimg">
                                <img src="img/QRcode.jpg" alt=""/>
                            </div>
                            <div>关注二维码</div>
                        </div>
                        <div class="qrdiv">
                            <div class="userimg">
                                <img src="img/QRcode.jpg" alt=""/>
                            </div>
                            <div>安卓下载二维码</div>
                        </div>
                        <div class="qrdiv">
                            <div class="userimg">
                                <img src="img/QRcode.jpg" alt=""/>
                            </div>
                            <div>IOS下载二维码</div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 页面部分-->
    <div id="showpage">
        <!-- 问题部分-->
        <div class="QuestionPreview" style="border-bottom:none;">
            <div class="question_topics_container">
                <div class="QuestionTopics has_topics">

                </div>
            </div>
            <div class="qtext_para getcontent">

            </div>
            <!-- 图片部分-->
            <div class="qtext_para qimgs" id="qimgsplace">

            </div>
            <!-- 继续阅读提醒-->
            <div id="continueread" style="display:none;">
                <a href="javascript: ;">继续阅读</a>
                <p>还有80%的精彩内容，购买继续阅读</p>
            </div>
            <!--定位部分-->
            <div class="locationplace" style="display: none;">
                <img src="img/dingwei.png"/>
                <span></span>
            </div>
            <!-- 发布者信息部分-->
            <div class="senderinfo">
                <div class="lf" style="display:block ">
                    <img src="img/money04.png"/>
                    <span></span>
                </div>
                <div class="rt">
                    <span id="sendernick"></span> ·
                    <span id="sendertime"></span>
                </div>
            </div>
            <!-- 总收入-->
            <div class="allgetmoney" style="display: block">
                总收入
            </div>
            <!-- 评论部分-->
            <div class="ActionBar Question">
                <div class="action_bar_inner">
                    <div id="detailstar"> <i></i></div>
                    <div class="primary_item" style="display:none">
                        <a class="WriteAnswer Button" id="goodbtn">
                            有用
                            <span class="count" id="countnum"></span>
                        </a>
                    </div>
                    <div class="primary_item" id="findhelp">
                        <span class="CantAnswerLink action_button findhelp">评论</span>
                    </div>
                    <!--<span class="CantAnswerLink action_button findhelp" id="paybtn">付款</span>-->
                    <!-- 三个点-->
                    <div class="overflow action_item overflow_link" id="paybtn1">
                        <a class="overflow_link" >
                            <span class="dots overflow_dots"></span>
                        </a>
                    </div>
                </div>
                <!-- 寻求帮助弹出框-->
                <div class="RequestAnswersDrawer formone isclose">   <!--用is_active控制-->
                    <!-- 请求列表-->
                    <div class="inner">
                        <div class="header">发表您的看法：</div>
                        <!-- QQ-->
                        <form>
                            <div class="seinputbox">
                                <!--<input type="text" id="comword"/>-->
                                <textarea id="comword" rows="3" style="min-height:16px;width:100%;overflow: auto" placeholder="这一刻的想法..."></textarea>
                                <div>
                                    <div id="facebtn" class="noclick"></div>
                                </div>
                            </div>
                            <!--表情区域-->
							<div id="facelist" style="display:none;">
								<div id="arrdiv"></div>
								<!--<ul id="faceulplace"></ul>-->
								<div class="swiper-container">
									<div class="swiper-wrapper">

										<div class="swiper-slide"  id="zerofacepage">

										</div>

										<div class="swiper-slide" id="onefacepage">

										</div>

										<div class="swiper-slide" id="twofacepage">

										</div>
									</div>
									<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
										<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
										<span class="swiper-pagination-bullet"></span>
										<span class="swiper-pagination-bullet"></span>
									</div>
								</div>
							</div>
                            <div>
                                <!--<button type="button" id="sendcom" class="rt">评论</button>-->
                                <button type="button" id="sendcomandother" class="rt">取消</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- 他人评论部分-->
        <div class="NewGridQuestionPage QuestionMain" id="QuestionMain" style="display:none;">
            <!-- 回答总数统计-->
            <div class="section_header section_header_gray" style="border-top:none;" id='answercountdiv'>
                <!--<span>1</span>个回答-->
                <span>评论 </span> <span id="answercont"></span>
            </div>
            <!-- 回答主体-->
        </div>
        <div id="addmoreanswerbtn" style="display:none">加载更多</div>
        <div id="addmoreanswer"></div>
        <!-- 更多问题-->
        <div class="RelatedQuestions">
            <div class="section_header">相关经验</div>
            <div class="Section">
                <ul class="ts_cells" id="Relevantexp">

                </ul>
                <a class="more_link"  id="moreexp" style="display:none;">
                    <span>更多</span>
                </a>
            </div>
        </div>
    </div>

</div>
<!-- 是否为付费经验提醒-->
<div id="moneynote" style="top:-100px;display: none;">
    成功支付 <span id="modalscore" style="color:red;font-weight: bold;"></span> 分。
</div>
<!-- 弹出价格框-->
<div class="modal_bg modal_bg2" style="display: none;"></div>
<!-- 背景和选项框效果不同需要分开放置-->
<div class="action_menu_container action_menu_container2" style="display: none;">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button" id="showmoney">此经验金额为： <span></span>元</a>
            <a class="mweb_action_button" id="tishiwords" stype="display:block">发布者为该经验设置了价格，您也可以自己输入其他金额。直接离开系统将扣除默认金额。</a>
            <div class="inputbox">
                <p>
                    金额：<input type="text" placeholder="输入金额" id="moneyinput"/>元
                </p>
            </div>
            <a class="mweb_action_button " id="paymoneybtn">确定并付款</a>
            <a class="mweb_action_button cancel">直接离开</a>
        </div>
    </div>
</div>
<!-- 弹出框-->
<div class="modal_bg modal_bg1" style="display: none;"></div>
<!-- 背景和选项框效果不同需要分开放置-->
<div class="action_menu_container action_menu_container1" style="display: none;">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button" id="changeexp" style="display:none;">编辑</a>
            <a class="mweb_action_button" id="collectit">收藏</a>
            <a class="mweb_action_button destructive" id="sharebtn">转发</a>
            <a class="mweb_action_button cancel1">取消</a>
        </div>
    </div>
</div>
<!--付费经验金额判断题型-->
<div id="waitplace" style="display:none;position:absolute;top:0;z-index: 1000;">
    <!--分享付费提示-->
    <div class="action_menu_container sharepaymob" style="overflow: hidden;box-sizing: border-box;">
        <div class="inner">
            <div class="action_menu" style="padding-top: 144px;">
                <a class="mweb_action_button sharepayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px; display:block;">
                    您的账户余额不足！
                </a>
                <a class="mweb_action_button askpayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px;">
                    请在 “设置”、“个人账户” 中进行充值。
                </a>
                <a class="mweb_action_button" id="okgobtn">确定</a>
                <a class="mweb_action_button cancel3">取消</a>
            </div>
        </div>
    </div>
</div>
<!-- 收藏完成提示-->
<div class="action_menu_container" id="collectword" style="display:none;">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button" style="border-radius: 2px;">转发成功</a>
        </div>
    </div>
</div>
<!-- 转发评论输入框-->
<div id="shareword" class="callback" style="display:none;">
    <div class="Header">
        <div class="fixed_header" style="position: relative">
            <div class="header_main mweb_lookup_bar_has_input">
                <div class="mweb_modal_back_button"  id="cancelbtn" style="float: left;padding-left:0;"></div>
                <!--<a class="navigation_button is_done" id="sendcommentbtn">发送</a>-->
            </div>
        </div>
    </div>
    <div>
        <div>
            <!--<input type="text" placeholder="添加评论..." id="commentinput"/>-->
            <!--<textarea id="commentinput" rows="3" style="width:100%;" placeholder="这一刻的想法..."></textarea>-->
        </div>
        <!-- 表情-->
        <div id="facebtn2" style="display:block"></div>
        <div id="keybordbtn2" style="display:none"></div>
        <!--表情区域-->
        <div id="facelist2" style="display:none;">
            <div id="arrdiv2"></div>
            <!--<ul id="faceulplace"></ul>-->
            <div class="swiper-container">
                <div class="swiper-wrapper">

                    <div class="swiper-slide"  id="zerofacepage2">

                    </div>

                    <div class="swiper-slide" id="onefacepage2">

                    </div>

                    <div class="swiper-slide" id="twofacepage2">

                    </div>
                </div>
                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                    <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                    <span class="swiper-pagination-bullet"></span>
                    <span class="swiper-pagination-bullet"></span>
                </div>
            </div>
        </div>
        <div id="sharetitleword">
            <div></div>
        </div>
    </div>
</div>
<!--收藏中等待-->
<div id="sharewaiting" style="display: none;">
    <div>
        <img src="img/aoy.png"/>
    </div>
</div>
<!--高额经验提醒-->
<div id="heightexpdiv">
    <div>
        <div class="heightexpform">
            <div>
                <div class="title">提示</div>
                <div class="noteword">该经验为高额经验，需花费<span id="heightexpscore"></span>元，确定进入吗？</div>
                <div class="btndiv">
                    <div id="heightexpok" class="rt">确定</div>
                    <div id="heightexpno" class="rt">取消</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--评价输入框-->
<div id="evaluate" style="display:none">
    <div class="header">
        <div id="closeevaluate"></div>
        评价
    </div>
    <div id="choicestar">
        <i></i>
        <div class="is20"></div>
        <div class="is40"></div>
        <div class="is60"></div>
        <div class="is80"></div>
        <div class="is100"></div>
    </div>
    <div class="starword">
        <p>给个评价吧</p>
    </div>
    <div class="choiceword" id="goodword" style="display:block">
        <div class="chicked" data-num="1">写的不错</div>
        <div class="" data-num="2">受教了</div>
        <div class="" data-num="3">豁然开朗</div>
        <div class="" data-num="4">经验很有用</div>
        <div class="" data-num="5">受益匪浅</div>
        <div class="" data-num="6">感谢分享</div>
    </div>
    <div class="choiceword" id="badword" style="display:none;">
        <div class="chicked" data-num="7">普普通通</div>
        <div class="" data-num="8">被坑了</div>
        <div class="" data-num="9">写的一般</div>
        <div class="" data-num="10">废话太多</div>
        <div class="" data-num="11">然而并没有用</div>
        <div class="" data-num="12">白花钱了</div>
    </div>
    <div class="myword">
        <div>
            <textarea id="commentinput" rows="1" placeholder="其他想说的"></textarea>
        </div>
    </div>
    <div id="sendcom">提交</div>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="ftnjs/changetimeftn.js"></script>
<script src="js/tohref.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="ftnjs/swiper.jquery.min.js"></script>
<script src="ftnjs/sendfaceftn.js"></script>

<script src="weixin/ftnjs/expfromsharelink.js"></script>
<script src="js/shareexppage.js"></script>
<script src="ftnjs/newnotenotice.js"></script>
<script>
    //插入表情字符
    function sendface(e){
		console.log("running");
        var face=e.dataset.key;
        $("#comword").insertAtCaret(face);
		$("#comword").blur();
    }
    //转发
    $("#zerofacepage2").load("faceul.html #face1list2");
    $("#onefacepage2").load("faceul.html #face2list2");
    $("#twofacepage2").load("faceul.html #face3list2");
    function sendface2(e){
        var face=e.dataset.key;
        $("#commentinput").insertAtCaret(face);
        $("#commentinput").blur();
    }
</script>
</body>
</html>